<!--<style scoped>
  @import 'styles/common.css';
</style>-->
<style lang="less">
    .layout {
        border: 1px solid #d7dde4;
        background: #f5f7f9;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        .layout-breadcrumb {
            padding: 10px 15px 0;
        }
        .layout-content {
            position: absolute;
            top: 90px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            overflow: auto;
            padding: 0;
            background: transparent;
            border-radius: 4px;
        }
    }
</style>
<template>
    <div class="layout">
        <top-menu></top-menu>
        <div class="layout-breadcrumb">
            <Breadcrumb>
                <Breadcrumb-item><a href="/index.html">首页</a></Breadcrumb-item>
                <Breadcrumb-item href="/">记账</Breadcrumb-item>
            </Breadcrumb>
        </div>
        <div class="layout-content">
            <router-view></router-view>
        </div>
    </div>
</template>
<script>
    import logo_white from 'assets/img/logo_white.png'
    export default {
        data () {
            return {
                logo: logo_white
            }
        },

        mounted () {

        },
        beforeDestroy () {

        },
        methods: {

        }
    }
</script>
